<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-10-13 09:47:28
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-11-26 18:06:17
-->
<template>
    <div class="registerSucc">
        <div class="successBox">
            <img src="@/assets/images/icon/success.png" />
        </div>
        <div class="userMsg">
            你的账户：<span>{{ registerSuccPhone }}</span> 注册成功
        </div>
        <div class="subMsg">
            激活邮件已发送到你的邮箱中，邮件有效期为24小时。请及时登录邮箱，点击邮件中的链接激活帐户。
        </div>
        <div class="footBar">
            <div class="sm-btn" @click="checkPageType('Login')">返回首页</div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    computed: {
        registerSuccPhone() {
            return this.$store.getters.registerSuccPhone;
        }
    },
    methods: {
        checkPageType(type) {
            this.$emit("checkPageType", type);
        }
    }
};
</script>

<style scoped lang="scss">
/* 注册成功 */
.registerSucc {
    width: 800px;
    margin: 0 auto;
    margin-top: 66px;
    text-align: center;
    position: relative;

    .successBox {
        width: 73px;
        height: 73px;
        margin: 0 auto;
        margin-bottom: 23px;

        img {
            width: 73px;
            height: 73px;
        }
    }

    .userMsg {
        height: 29px;
        font-size: 20px;
        line-height: 29px;
        color: #2d3440;
        margin-bottom: 15px;
    }

    .subMsg {
        width: 460px;
        height: 48px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 24px;
        color: #6d7785;
        margin-bottom: 40px;
    }

    .footBar {
        width: 200px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
}
</style>
